<template>
<div id="home">
  <el-container>
    <!-- 左侧 -->
    <LeftMenu></LeftMenu>
    <!-- 右侧 -->
    <el-container id="rightBox">
      <!-- 顶部 -->
      <RightTop></RightTop>
      <!-- 中间 -->
      <el-main>
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>密码修改</span>
          </div>
          <div class="text item">
             <!-- 模板的内容 -->
          </div>
        </el-card>
      </el-main>
      <!-- 底部 -->
      <RightBottom></RightBottom>
    </el-container>
  </el-container>
  </div>
</template>

<script>
//引入导航组件
//引入LeftMenu.vue
import LeftMenu from "../components/LeftMenu";
//引入RightTop.vue
import RightTop from "../components/RightTop";
//引入RightBottom.vue
import RightBottom from "../components/RightBottom";
export default {
  data() {
    return {
      
    };
  },
  components: {
    //注册组件
    LeftMenu,
    RightTop,
    RightBottom
  }
};
</script>


<style>
/* scoped 作用域限定样式只在当前组件生效 */
</style>













